<template>
  <div class="border-1">
    <slot></slot>
  </div>
</template>

<script>
/**
 * 边框组件 1
 * 覆盖在内容周围
 */
export default {
  name: "BorderBox",
};
</script>

<style scoped lang="scss">
.border-1 {
  background-image: url("../../assets/border/1.png"),
    url("../../assets/border/2.png"), url("../../assets/border/3.png"),
    url("../../assets/border/4.png");
  background-repeat: no-repeat;
  background-position: top left, top right, bottom left, bottom right;
  height: 100%;
}
</style>
